﻿import React from 'react';

const BackArrowIcon = () => {
    return (
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fillRule="evenodd" clipRule="evenodd" d="M12.3229 21.3678L12.6259 21.0648C12.8267 20.864 12.8267 20.5384 12.6259 20.3375L4.97616 12.6877H21.0856C21.3696 12.6877 21.5999 12.4575 21.5999 12.1735V11.7449C21.5999 11.4609 21.3696 11.2306 21.0856 11.2306H4.97616L12.6259 3.58085C12.8267 3.38002 12.8267 3.0544 12.6259 2.85352L12.3229 2.55052C12.122 2.3497 11.7964 2.3497 11.5956 2.55052L2.55052 11.5955C2.3497 11.7964 2.3497 12.122 2.55052 12.3229L11.5956 21.3679C11.7964 21.5687 12.122 21.5687 12.3229 21.3678Z" fill="#036BA3" />
            <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                <path fillRule="evenodd" clipRule="evenodd" d="M12.3229 21.3678L12.6259 21.0648C12.8267 20.864 12.8267 20.5384 12.6259 20.3375L4.97616 12.6877H21.0856C21.3696 12.6877 21.5999 12.4575 21.5999 12.1735V11.7449C21.5999 11.4609 21.3696 11.2306 21.0856 11.2306H4.97616L12.6259 3.58085C12.8267 3.38002 12.8267 3.0544 12.6259 2.85352L12.3229 2.55052C12.122 2.3497 11.7964 2.3497 11.5956 2.55052L2.55052 11.5955C2.3497 11.7964 2.3497 12.122 2.55052 12.3229L11.5956 21.3679C11.7964 21.5687 12.122 21.5687 12.3229 21.3678Z" fill="white" />
            </mask>
            <g mask="url(#mask0)">
            </g>
        </svg>
    );
}

export default BackArrowIcon;